<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<title>家校互动</title>
<style>
.hudong a{
	font-size:18px;
	border-bottom:3px solid #2800cc;
	}
</style>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand" href="javascript:history.go(-1);" style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">家校互动</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
  <!-- /.container-fluid --> 
</nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;margin-left:2%;margin-right:2%">
  <div class="row">
    <div class="col-xs-6 text-center hudong"><a href="interactive.html">互动列表</a></div>
    <div class="col-xs-6 text-center fabiao"><a href="interactive_fabiao.html">发表</a></div>
  </div>
  <!--row  end-->
  
  <div class="row" >
    <table class="table" id="hudong_box" >
      <tbody>
        <tr>
          <td class="text-right right_table">班级</td>
          <td class="right_table_time">今天 09:30</td>
        </tr>
        <tr>
          <td style="border-right:1px solid #ccc"></td>
          <td><div class="well">今天学习了歌曲[夏天的雷雨]可以表演唱。请孩子教家长唱，可用亲子对唱的形式提高孩子的演唱兴趣</div>
            <p class="text-right">
              <button type="button" class="btn btn-warning "><span class="glyphicon glyphicon-pencil"></span> 回 复</button>
            </p></td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td class="text-right right_table">自己</td>
          <td class="right_table_time">2016-10-31 10:30 给班主任</td>
        </tr>
        <tr>
          <td style="border-right:1px solid #ccc"></td>
          <td><div class="well">今天学习了歌曲[夏天的雷雨]可以表演唱。请孩子教家长唱，可用亲子对唱的形式提高孩子的演唱兴趣</div>
            <p class="text-right">
              <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#myModal"> <span class="glyphicon glyphicon-pencil"></span> 回 复 </button>
              <!-- Modal -->
            
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel">回复信息</h4>
                  </div>
                  <div class="modal-body">
                    <textarea class="form-control" rows="3"></textarea>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-primary">保存</button>
                  </div>
                </div>
              </div>
            </div>
            
            <!--model-->
            
            </p></td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td class="text-right right_table">学校</td>
          <td class="right_table_time">今天 09:30</td>
        </tr>
        <tr>
          <td style="border-right:1px solid #ccc"></td>
          <td><div class="well">今天学习了歌曲[夏天的雷雨]可以表演唱。请孩子教家长唱，可用亲子对唱的形式提高孩子的演唱兴趣</div>
            <p class="text-right">
              <button type="button" class="btn btn-warning "><span class="glyphicon glyphicon-pencil"></span> 回 复</button>
            </p></td>
        </tr>
      </tbody>
    </table>
  </div>
  <!--hudong_box  end--> 
  
</div>
<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:15%;">
  <div class="row">
    <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
      <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
    </div>
    <!--footer  end--> 
    
  </div>
  <!--row  end--> 
  
</div>
<!--container  end--> 

<!--底部end--> 
<script src="../static/js/jquery.min.js" type="text/javascript"></script> 
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script>
</body>
</html>
